<style lang="less" scoped>
.component {
    .title {
        position: relative;
        margin: 0.1rem 0.2rem;
        color: #a0a0a0;
        font-size: 0.12rem;
        &::after {
            content: "";
            display: block;
            position: absolute;
            width: 5px;
            height: 5px;
            background-color: #a0a0a0;
            top: 50%;
            margin-top: -3px;
            left: -10px;
        }
    }

    .block {
        padding-bottom: 0.15rem;
    }
    .block2 {
        border-top: 10px solid #fafafa;
    }

    .list {
        ul {
            flex-wrap: wrap;
            align-items: center;
        }
        li {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            img {
                display: block;
                width: 0.35rem;
                height: 0.35rem;
                background-color: #f3f3f3;
            }
            p {
                font-size: 0.13rem;
                height: 0.36rem;
                max-width: 0.7rem;
                text-align: center;
                margin-top: 5px;
            }
        }
    }
}
</style>
<template>
    <div class="component">
        <div class="container">
            <div class="block">
                <div class="title">审核</div>
                <div class="list">
                    <ul class="grid4">
                        <li @click="goHY">
                            <img src alt />
                            <p>合同审核</p>
                        </li>
                        <li @click="goGood">
                            <img src alt />
                            <p>商品档审核</p>
                        </li>
                        <li @click="goEmployee">
                            <img src alt />
                            <p>员工审核</p>
                        </li>
                        <li @click="goPromotion">
                            <img src alt />
                            <p>促销审核</p>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="block block2">
                <div class="title">信息管理</div>
                <div class="list">
                    <ul class="grid4">
                        <li @click="goTenant">
                            <img src alt />
                            <p>承租商信息</p>
                        </li>
                        <li @click="goShop">
                            <img src alt />
                            <p>商铺信息</p>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="block block2">
                <div class="title">数据分析</div>
                <div class="list">
                    <ul class="grid4">
                        <li>
                            <img src alt />
                            <p>合同审核</p>
                        </li>
                        <li>
                            <img src alt />
                            <p>合同审核</p>
                        </li>
                        <li>
                            <img src alt />
                            <p>合同审核</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    data() {
        return {
            list: []
        };
    },
    methods: {
        goHY() {
            this.$router.push({
                path: "/workbench/audithy"
            })
        },

        goGood() {
            this.$router.push({
                path: "/workbench/auditgood"
            })
        },

        goEmployee() {
            this.$router.push({
                path: "/workbench/auditemployee"
            })
        },

        goPromotion() {
            // this.$router.push({
            //     path: "/workbench/auditpromotion"
            // })
        },

        goTenant() {
            this.$router.push({
                path: "/workbench/audittenant"
            })
        },
        goShop() {
            this.$router.push({
                path: "/workbench/auditshop"
            })
        },

    },
    mounted() {
    }
};
</script>
